<script src="<?php echo base_url() ?>commons/validacion/js/jquery-1.8.2.min.js" type="text/javascript"></script>
<link href="<?php echo base_url() ?>commons/validacion/css/validationEngine.jquery.css" rel="stylesheet">
<script src="<?php echo base_url() ?>commons/validacion/js/languages/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="<?php echo base_url() ?>commons/validacion/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<style>
    .retirado{
        -webkit-box-shadow: -8px -8px 10px -7px rgba(24,37,102,1);
-moz-box-shadow: -8px -8px 10px -7px rgba(24,37,102,1);
box-shadow: -8px -8px 10px -7px rgba(24,37,102,1);
background: rgba(235,233,249,1);
background: -moz-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 16%, rgba(206,199,236,1) 87%, rgba(193,191,234,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(235,233,249,1)), color-stop(16%, rgba(216,208,239,1)), color-stop(87%, rgba(206,199,236,1)), color-stop(100%, rgba(193,191,234,1)));
background: -webkit-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 16%, rgba(206,199,236,1) 87%, rgba(193,191,234,1) 100%);
background: -o-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 16%, rgba(206,199,236,1) 87%, rgba(193,191,234,1) 100%);
background: -ms-linear-gradient(left, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 16%, rgba(206,199,236,1) 87%, rgba(193,191,234,1) 100%);
background: linear-gradient(to right, rgba(235,233,249,1) 0%, rgba(216,208,239,1) 16%, rgba(206,199,236,1) 87%, rgba(193,191,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebe9f9', endColorstr='#c1bfea', GradientType=1 );
    }
</style>

<script>
    var t = jQuery.noConflict();
    t(document).ready(function() {
        // binds form submission and fields to the validation engine			
        t("#formID,#formID1").validationEngine();

    });

    function checkHELLO(field, rules, i, options) {
        if (field.val() != "HELLO") {
            // this allows to use i18 for the error msgs
            return options.allrules.validate2fields.alertText;
        }
    }
</script>
<link rel="stylesheet" href="<? echo base_url() ?>commons/jquery/themes/base/jquery.ui.all.css">

<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.core.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.widget.js"></script>
<script src="<?php echo base_url() ?>commons/jquery/ui/jquery.ui.tabs.js"></script>

<script>
    var t1 = jQuery.noConflict();
    t1(function() {
        t1("#tabs").tabs();
    });
</script>

<script>
    var t = jQuery.noConflict();
    function cargarComboMateria() {

        var idpadre = t("#ide_lec").find(':selected').val();
        var url = '<?php echo base_url(); ?>';
        t('#ide_car').html('<option value="">Seleccione una opción</option>');
        t('#codigo_cic').html('<option value="">Seleccione una opción</option>');
        t('#seccion').html('<option value="">Seleccione una opción</option>');
        t('#paralelo').html('<option value="">Seleccione una opción</option>');
        t('#tablaR').html("<h2>No existen datos</h2>");

        t.ajax({
            type: 'POST',
            url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarCarrera/',
            data: 'ide_lec=' + idpadre,
            dataType: 'html',
            success: (function(data) {
                //alert(data);
                t('#ide_car').html(data);
            }),
            beforeSend: function(objeto) {
                t("#cargar").html('<img id="cargar" src="' + url + 'commons/images/loading.gif"/>');
            },
            complete: function(objeto) {
                t("#cargar").html('<img id="cargar" style="display:none"/>');
            }
        });

    }
    t(function() {
        t("#ide_lec").change(function(event)
        {
            cargarComboMateria();
        });
    });
    t(function() {
        cargarComboMateria();
    });
    //para carreras a ciclos
    t(function() {
        t("#ide_car").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            t('#codigo_cic').html('<option value="">Seleccione una opción</option>');
            t('#seccion').html('<option value="">Seleccione una opción</option>');
            t('#paralelo').html('<option value="">Seleccione una opción</option>');
            t('#tablaR').html("<h2>No existen datos</h2>");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarCiclos/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#codigo_cic').html(data);
                }),
                beforeSend: function(objeto) {
                    t("#cargar1").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar1").html('<img  style="display:none"/>');
                }
            });


        });
    });

    //para carreras a secciones o jornadas
    t(function() {
        t("#codigo_cic").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            t('#seccion').html('<option value="">Seleccione una opción</option>');
            t('#paralelo').html('<option value="">Seleccione una opción</option>');
            t('#tablaR').html("<h2>No existen datos</h2>");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarJornada/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#seccion').html(data);
                }),
                beforeSend: function(objeto) {
                    t("#cargar2").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar2").html('<img  style="display:none"/>');
                }
            });


        });
    });

    //para paralelos
    t(function() {
        t("#seccion").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            var seccion = t("#seccion").find(':selected').val();
            t('#paralelo').html('<option value="">Seleccione una opción</option>');
            t('#tablaR').html("<h2>No existen datos</h2>");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/listado_estudiantes_controlador/cargarParalelos/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo + '&seccion=' + seccion,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    t('#paralelo').html(data);
                }),
                beforeSend: function(objeto) {
                    t("#cargar3").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar3").html('<img  style="display:none"/>');
                }
            });


        });
    });

    //para materias

    t(function() {
        t("#paralelo").change(function(event)
        {
            var idpadre1 = t("#ide_lec").find(':selected').val();
            var idcarrera = t("#ide_car").find(':selected').val();
            var idciclo = t("#codigo_cic").find(':selected').val();
            var seccion = t("#seccion").find(':selected').val();
            var paralelo = t("#paralelo").find(':selected').val();
            //para laconstruccion de la tabla
            t('#tablaR').html("<h2>No existen datos</h2>");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/asignar_rubro_controlador/cargarPestanas/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo + '&seccion=' + seccion + '&paralelo=' + paralelo,
                dataType: 'html',
                success: (function(data) {
                //     alert(data);
                    t('#tablaR').html(data);
                }),
                beforeSend: function(objeto) {
                    t("#cargar4").html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t("#cargar4").html('<img  style="display:none"/>');
                }
            });


        });
    });
    //Para cargar estudiantes segun su rubro
    /*
    t(function() {
        t('#rubro').change(function(event)
        {
            var id_rubro = t('#rubro').find(':selected').val();
            if(id_rubro==''||id_rubro==null){
                t('#tablaNormal').html('<span>Seleccione un rubro</span>');
                
            }else{
                cargarTablaEstudiantes(id_rubro,1);
            }
            

        });
    });
    t(function() {
        t('#rubro1').change(function(event)
        {
            var id_rubro = t('#rubro1').find(':selected').val();
            if(id_rubro==''||id_rubro==null){
                t('#tablaArrastre').html('<span>Seleccione un rubro</span>');
                
            }else{
                cargarTablaEstudiantes(id_rubro,2);
            }

        });
    });
    function cargarTablaEstudiantes(id_rubro, tipo){
        var rubro = id_rubro;
        var idpadre1 = t('#ide_lec').find(':selected').val();
            var idcarrera = t('#ide_car').find(':selected').val();
            var idciclo = t('#codigo_cic').find(':selected').val();
            var seccion = t('#seccion').find(':selected').val();
            var paralelo = t('#paralelo').find(':selected').val();
            
            //para laconstruccion de la tabla
            t('#tablaR').html("<h2>No existen datos</h2>");
            var url = '<?php echo base_url(); ?>';
            t.ajax({
                type: 'POST',
                url: '<?php echo base_url(); ?>admin.php/asignar_rubro_controlador/cargarEstudiantes/',
                data: 'ide_lec=' + idpadre1 + '&ide_car=' + idcarrera + '&ide_cic=' + idciclo + '&seccion=' + seccion + '&paralelo=' + paralelo+ '&rubro=' + rubro,
                dataType: 'html',
                success: (function(data) {
                    //alert(data);
                    if(tipo==1){
                        t('#tablaNormal').html(data);
                    }else{
                        t('#tablaArrastre').html(data);
                    }
                    
                }),
                beforeSend: function(objeto) {
                    t('#cargar4').html('<img  src="' + url + 'commons/images/loading.gif"/>');
                },
                complete: function(objeto) {
                    t('#cargar4').html('<img  style="display:none"/>');
                }
            });
            
    }*/
</script>





<form class="well form-horizontal span8"  method="post" id="formID">
    <legend>LISTA DE ALUMNOS</legend>

    <div class="control-group">
        <label class="control-label" for="select01">PERIODO ACTUAL</label>
        <div class="controls ">
            <select id="ide_lec" name="ide_lec" class="span3 validate[required,maxSize[55],minSize[1]]"  >
                <?php
                //echo ("<option value='' selected>Seleccionar Carrera</option>");
                echo '<option value="" selected>Seleccione una opción</option>';

                foreach ($lista as $i => $per) {
                    $seleccion = $per["estado_lec"] == 'ABIERTO' ? "Selected" : "";
                    echo '<option value="' . $per["ide_lec"] . '" ' . $seleccion . '>' . $per["descripcion_lec"] . '</option>';
                }
                ?>
            </select>            
        </div>

    </div>


    <div class="control-group">
        <label class="control-label" for="select03">CARRERAS</label>
        <div class="controls ">
            <select name="ide_car" id="ide_car" class="span3 validate[required,maxSize[55],minSize[1]]" >
                <option value="">Seleccione una opción</option>
            </select>   
            <div id="cargar"></div>
        </div>
    </div>


    <div class="control-group">
        <label class="control-label" for="select04">Lista de Ciclos</label>
        <div class="controls ">
            <select id="codigo_cic"  name="codigo_cic" class="span3 validate[required,maxSize[55],minSize[1]]" >
                <option value="">Seleccione una opción</option>
            </select>
            <div id="cargar1"></div>
        </div>
    </div>

    <div class="control-group">
        <label class="control-label" for="select02">JORNADA DE TRABAJO</label>
        <div class="controls ">
            <select name="seccion" id="seccion" class="span3 validate[required,maxSize[55],minSize[1]]">
                <option value=""  >Seleccione una opción </option>               

            </select>
            <div id="cargar2"></div>

        </div>
    </div>

    <table border="0">
        <thead>
            <tr>
                <th></th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>
                    <div class="control-group">
                        <label class="control-label" for="select03">PARALELO</label>
                        <div class="controls ">
                            <select name="paralelo" id="paralelo" class="span3 validate[required,maxSize[55],minSize[1]]"> 
                                <option value=""  >Seleccione una opción </option>               

                            </select>
                            <div id="cargar3"></div>

                        </div>
                    </div>  
                </td>

            </tr>
            <!--
            <tr>
                <td>
                    <div class="control-group">
                        <label class="control-label" for="select03">MATERÍAS</label>
                        <div class="controls ">
                            <select name="materia" id="materia" class="span3 validate[required,maxSize[55],minSize[1]]"> 
                                <option value=""  >Seleccione una opción </option>               

                            </select>
                            <div id="cargar4"></div>

                        </div>
                    </div>  
                </td>
            </tr>-->
        </tbody>
    </table>

    <div id="tablaR">
        <h2>No existen datos</h2>
    </div>
    

</form>


